<script>
    var initPage5 = function () {
        $("#page-5").css("display", "block");
        $("#page-5").css({
            "z-index": 10
        });
        $("#page-5 .zs-1").show();

        setTimeout(function () {
            showPage5Line(function () {
                $("#page-5 .zs-2").show();
                setTimeout(function () {
                    $("#page-5 .zs-3").show();


                    setTimeout(function () {
                        $("#page-5 .zs-1").removeClass("slideInLeft");
                        $("#page-5 .zs-2").removeClass("fadeInDown");
                        $("#page-5 .zs-3").removeClass("fadeInDown");

                        setTimeout(function () {
                            $("#page-5 .zs-1").addClass("slideOutLeft");
                            $("#page-5 .zs-2").addClass("fadeOut");
                            $("#page-5 .zs-3").addClass("fadeOut");
                        }, 200);

                        hidePage5Line(function () {
                            $("#page-5").hide();
                            endPage5();
                        });
                    }, 3e3);
                }, 800);
            });
        }, 1300)
    };

    var showPage5Line = function (cb) {
        $("#page-5 .line").animate({
            width: "4.5625rem"
        }, 800, "linear", function () {
            cb && cb();
        });
    }

    var hidePage5Line = function (cb) {
        $("#page-5 .line").animate({
            width: "0"
        }, 800, "linear", function () {
            cb && cb();
        });
    }
</script>